import { Component } from '@angular/core';
import { RouterModule } from '@angular/router';
import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
import { NzMenuModule } from 'ng-zorro-antd/menu';

@Component({
  selector: 'app-breadcrumb-dropdown',
  standalone: true,
  imports: [NzBreadCrumbModule, NzDropDownModule, RouterModule, NzMenuModule],
  template: `
    <div class="demo" style="min-height: 200px;">
      <nz-dropdown-menu #breadMenu>
        <div nz-menu>
          <div nz-menu-item routerLink="../basic">basic</div>
          <div nz-menu-item routerLink="../icon">icon</div>
          <div nz-menu-item routerLink="../split">split</div>
        </div>
      </nz-dropdown-menu>
      <nz-breadcrumb>
        <nz-breadcrumb-item><a> Home </a></nz-breadcrumb-item>
        <nz-breadcrumb-item [nzOverlay]="breadMenu">
          <a> Application List </a>
        </nz-breadcrumb-item>
        <nz-breadcrumb-item>An Application</nz-breadcrumb-item>
      </nz-breadcrumb>
    </div>
  `,
  styles: ``,
})
export class BreadcrumbDropdownComponent {}
